<template>
    <div>

        <div class="resource-manage">
            <div class="card-box">
                <div class="card-title">其他物业信息</div>
                <el-form class="form-wrap" label-position="top" size="small" >
                    <el-form-item label="其它物业名称">
                        <el-col class="in_txt">{{propForm.otherProperty.otherName}}</el-col>
                    </el-form-item>
                    <el-form-item label="其它物业名称">
                        <el-col class="in_txt">{{propForm.otherProperty.propertyName}}</el-col>
                    </el-form-item>
                    <el-form-item label="建筑面积(m²)">
                        <el-col class="in_txt">{{propForm.otherProperty.buildArea}}</el-col>
                    </el-form-item>
                    <el-form-item label="管理所">
                        <el-col class="in_txt">{{getCardTypeValue(propForm.otherProperty.manageUnit,manageUnits)}}</el-col>
                    </el-form-item>

               <!-- <el-form-item label="街道" >
                    <el-col class="in_txt">{{street_ch}}</el-col>
                </el-form-item>
                <el-form-item label="社区" >
                    <el-col class="in_txt">{{communityName_ch}}</el-col>
                </el-form-item>-->
                <el-form-item label="物业地址" prop="investmentIntensity" class="full">
                    <el-col class="in_txt">{{getCardTypeValue(propForm.otherProperty.cityCode,cityAssembly)}}{{getCardTypeValue(propForm.otherProperty.countyCode,districtCollection)}}{{getCardTypeValue(propForm.otherProperty.projectStreet,streets)}}{{getCardTypeValue(propForm.otherProperty.communityName,communityNames)}}{{propForm.otherProperty.addressInfo}}</el-col>
                    <!--<el-row :gutter="10">
                        <el-col :span="4" class="in_txt">{{getCardTypeValue(propForm.propertyBasicInfo.cityCode,cityAssembly)}}</el-col>
                        <el-col :span="5" class="in_txt">{{getCardTypeValue(propForm.propertyBasicInfo.countyCode,districtCollection)}}</el-col>
                        <el-col :span="5" class="in_txt">{{getCardTypeValue(propForm.propertyBasicInfo.projectStreet,streets)}}</el-col>
                        <el-col :span="5" class="in_txt">{{getCardTypeValue(propForm.propertyBasicInfo.communityName,communityNames)}}</el-col>
                        <el-col :span="5" class="in_txt">{{propForm.propertyBasicInfo.addressInfo}}</el-col>
                    </el-row>-->
                </el-form-item>
                <el-form-item label="地图坐标">
                    <el-col >
                        <el-link type="primary" >{{propForm.otherProperty.mapCoordinates}}</el-link>
                    </el-col>
                </el-form-item>

                <el-form-item label="VR地址">
                    <el-col class="in_txt">{{propForm.otherProperty.vrUrl}}</el-col>
                </el-form-item>

                <el-form-item label="录入人">
                    <el-col class="in_txt">{{propForm.otherProperty.gatherPeople}}</el-col>
                </el-form-item>
                <el-form-item label="录入部门">
                    <el-col class="in_txt">{{getCardTypeValue(propForm.otherProperty.deptName,deptNames)}}</el-col>
                </el-form-item>

                <!--<el-form-item label="地址" class="full">
                    <el-col class="in_txt">{{propForm.propertyBasicInfo.address}}{{propForm.propertyBasicInfo.addressInfo}}</el-col>
                </el-form-item>-->
                <el-form-item label="备注" class="full">
                    <el-col class="in_txt">{{propForm.otherProperty.remarks}}</el-col>
                </el-form-item>
                </el-form>
            </div>
        </div>
        <div class="resource-manage">
            <div class="card-box">
                <div class="card-title">土地信息</div>
                <el-form
                    ref="landInfo"
                    class="form-wrap"
                    label-position="top"
                    size="small"
                    :model="propForm.otherProperty">
                    <el-form-item label="宗地号">
                        <span class="in_txt">{{propForm.otherProperty.parcelNum}}</span>
                    </el-form-item>
                    <el-form-item label="宗地面积(m²)">
                        <span class="in_txt">{{propForm.otherProperty.parcelArea}}</span>
                    </el-form-item>
                    <el-form-item label="土地用途">
                        <span class="in_txt">{{getCardTypeValue(propForm.otherProperty.landUse,landUses)}}</span>
                    </el-form-item>
<!--                    <el-form-item label="土地合同号">-->
<!--                        <span class="in_txt">{{propForm.otherProperty.landContractNum}}</span>-->
<!--                    </el-form-item>-->
                    <el-form-item label="地址" class="full">
                        <span class="in_txt">{{propForm.otherProperty.landAddressInfo}}</span>
                    </el-form-item>
                </el-form>
            </div>
        </div>
         <div class="resource-manage">
            <div class="card-box">
                <div class="card-title">附件信息</div>
                <div style="padding: 10px 20px">
                    <div class="flex-c" v-for="(item, index) in fileList" :key="index">
                        <div class="name mr20">{{ item.original + '(' + item.fileSize / 1024 + 'M)'}}</div>
                        <div class="date mr20">{{ item.updateTime }}</div>
                        <div class="btn">
                            <el-button type="text" @click="handleDownload(item.fileId)">下载</el-button>
                        </div>
                    </div>
                </div>
            </div>
         </div>

        <div class="resource-manage" v-if="!isWebView">
            <div class="card-box">
                <el-form size="small" class="but_form">
                    <el-form-item class="col-two">
                        <el-button type="primary" @click="closeTab">关闭</el-button>
                    </el-form-item>
                </el-form>
            </div>
        </div>
  </div>
</template>>

<script src="./other_property_look.js">

</script>

<style scoped lang="scss">

@include formWrap(4);
.in_txt {
    color: #999999;
}

.but_form{
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    column-gap: 30px;
    padding: 16px 24px;

    .col-two {
        grid-column: 24 / 24;
    }
}
.resource-manage {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 16px;
    padding: 16px 24px;
}
.timeline {
    padding: 20px;
    h3 {
        margin-bottom: 15px;
        color: #333;
    }
    p {
        margin-bottom: 10px;
        color: #666;
    }
}
.milepost {
    padding-left: 20px;
}


</style>
